body{
	position: relative;
	overflow: hidden;
	background-size:100% 100%;
	background-repeat: no-repeat;
}
#bodyBg{
	display: none;
	/*position:fixed;*/
	width: 100%;
	height: 100%;
	/*z-index: -999;
	bottom: 0px;
	left: 0px;
	background-size:100% 100%;
	background-repeat: no-repeat;*/
	/*background: url(../img/bg-img.jpg) no-repeat center;
    background-size: 100% 100%;*/
}
/*#bodyBg img{
	height:100%;
}*/
#section{
	position: relative;
}
.eggList{
	height: 100%;
	width: 100%;
	position: fixed;
	top:40%;
}
.eggList .egg{
	float: left;
	width: 33.33%;
	height: 5rem;
	background: url(../img/eg_1.png) no-repeat center;
	background-size: 167%;
}
.eggList .egg:nth-child(3){
	margin-top: 1rem;
}
.eggList .curr{
	background: url(../img/eg_2.png) no-repeat center;
	background-size: 170%;
	background-position:-27px 2rem;
}
.hammer {
	width:2.3rem;
	height:2.3rem;
	position: absolute;
	z-index: 150;
	left: 5.51rem;
	top:-.3rem;
}
.hammer .imgChuiZi {
	position: absolute;
	top: 0;
	right: 30px;
	z-index: 10002;
	-moz-transform-origin: bottom right;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom 100%;
	-moz-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
	-moz-animation: chuizi 1.2s ease-in 9999;
	-webkit-animation: chuizi 1.2s ease-in 9999;
	animation: chuizi 1.2s ease-in 9999;
}
@keyframes chuizi {
	0% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}
	30% {
		-moz-transform: rotate(-24deg);
		-ms-transform: rotate(-24deg);
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg);
	}
	100% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}
}
@-webkit-keyframes chuizi {
	0% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}
	30% {
		-moz-transform: rotate(-24deg);
		-ms-transform: rotate(-24deg);
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg);
	}
	100% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}
}
@-moz-keyframes chuizi {
	0% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}
	30% {
		-moz-transform: rotate(-24deg);
		-ms-transform: rotate(-24deg);
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg);
	}
	100% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}
}
.havejihui{
	width: 3.75rem;
	height: 1.09rem;
	line-height: 1.09rem;
	border-radius: 50px;
	background: #FBB70A;
	color: #fff;
	text-align: center;
	position: fixed;
	bottom: 15%;
	left: 50%;
	margin-left: -70px;
	font-size:0.37rem;
}
.mask,.redBaoBox{
	position: fixed;
	text-align: center;
	display: none;
	transition:all 1.5s linear;
	background: transparent;
	z-index: 10004;
}
.mask{
	background: rgba(0,0,0,.9);
	z-index: 10003;
	width: 100%;
	height:100%;
	top: 0px;
	left: 0px;
}
.redBaoBox{
	left: 13.5%;
	top: 10%;
}
.redBao{
	margin: auto;
	width: 7.5rem;
	height:10.5rem;
	background: url(../img/bg.png) no-repeat center;
	background-size: 100%;
}
.redContent{
	padding-top: 3rem;
	color: #fff;
}
.redBaoTitle{
	font-size: 0.5rem;
}
.redBaoBody{
	margin-top: 0.46rem;
	margin-bottom: 0.56rem;
	min-height: 3.5rem;
}
.huodong{
	line-height: 3.5rem;
	font-size: .6rem;
}
.redH1{
	color: #FB4102;
	font-size:1.3rem;
}
.redContent hr{
	border-style: dashed;
}
.redContent .redH4{
	font-size:0.43rem;
	margin-top: 0.56rem;
}
.textTishi{
	font-size: 0.47rem;
	color: #fff;
	padding: .5rem;
}
.lingquBtn{
	display: block;
	width: 6.25rem;
	height: 1.45rem;
	line-height: 1.42rem;
	margin: auto;
	background: linear-gradient(#FFD800,#FFC400 50%,#FFB400 100%);
	border-radius: 30px;
	color: #FB4102;
	font-size: .65rem;
	font-weight: 600;
}
/*提交信息*/
.content{
	position: absolute;
	width: 100%;
	top:70%;
}
.valueInput,.valueInput input{
	background: #FFF000;
	color: #AD71F5;
}
input[placeholder],[placeholder]{
	color: #AD71F5;
}
.valueInput,.valueBtn{
	color: #6619D0;
	height:1.25rem;
	line-height: 1.25rem;
	border-radius: 10px;
	width: 90%;
	margin: 0.31rem auto;
}
.valueInput input,.valueInput span{
	height: 100%;
	float: left;
	font-size: 0.43rem;
	border-radius: 10px;
}
.valueInput input{
	width: 6rem;
	padding-left:0.31rem;
}
.valueInput span{
	width:2.5rem;
	text-align: center;
}
.valueBtn{
	margin-top: 1.31rem;
}
.valueBtn button{
	width: 100%;
	height: 100%;
	background:#FF3600;
	color: #fff;
	border-radius: 0.37rem;
	text-align: center;
	font-size: 0.56rem;
	box-shadow: 1px 1px 5px #666;
}
.layui-layer-dialog,.layui-layer-loading{
	z-index: 99999;
}
/*扫码送好礼*/
#section{
	width:100%;
	height: 100%;
}
.prizeBox{
	padding-top: 68%;
	text-align: center;
	width:90%;
	margin:auto;
}
.meiyou,.huodongTishi{
	padding-top: 72%;
}
.prizeHeader{
	font-size: .62rem;
	color: #392F2E;
	font-weight:600;
}
.prizeBody{
	margin: .5rem 0;
}
.prizeBody .money{
	color: #F90500;
	font-size:1.12rem;
	font-weight: 600;
}
.prizeBody hr{
	border-style: dashed;
	border-color:#C3A96E;
	margin: .5rem auto;
}
.prizeBody .moneyTxt{
	color: #C3A96E;
	font-size: .45rem;
}
.newPrize{
	color: #fff;
	background: #FED500;
	font-weight: 600;
	font-size: .6rem;
	height:1.2rem;
	line-height: 1.2rem;
}
.t-s{
	text-align: center;
}
.meiyou .prizeHeader{
	/*padding: 1rem 0 1.2rem;*/
	color: #444;
}
/*直接领取红包 提交信息 页面样式*/
.prizeCon{
	top: 40%;
}
.prizeInput input,.prizeInput{
	background: #fff;
	color:#222;
}
/*loading 加载页面*/
.loading{
	width: 100%;
	text-align: center;
	margin: auto;
	padding-top: 4rem;
}
.tishiTxt{
	text-align: center;
	color: #FFAB62;
	font-size: .6rem;
	margin-top: 1rem;
}
.wave {
	width: 200px;
	height: 200px;
	overflow: hidden;
	border-radius: 50%;
	background: rgba(255, 203, 103, .6);
	margin: auto;
	position: relative;
	text-align: center;
	line-height: 200px;
	vertical-align: middle;
}

.wave span {
	display: inline-block;
	color: #fff;
	font-size: 20px;
	position: relative;
	z-index: 2;
}

.wave canvas {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

/* Animations */
@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes rotate_left {
	from {
		-webkit-transform: rotate(16deg);
		transform: rotate(16deg);
	}
	to {
		-webkit-transform: rotate(376deg);
		transform: rotate(376deg);
	}
}
@keyframes rotate_left {
	from {
		-webkit-transform: rotate(16deg);
		transform: rotate(16deg);
	}
	to {
		-webkit-transform: rotate(376deg);
		transform: rotate(376deg);
	}
}
@-webkit-keyframes rotate_right {
	from {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
	to {
		-webkit-transform: rotate(364deg);
		transform: rotate(364deg);
	}
}
@keyframes rotate_right {
	from {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
	to {
		-webkit-transform: rotate(364deg);
		transform: rotate(364deg);
	}
}

/*适配全面屏幕手机*/
/*@media only screen and (min-height: 690px){
	.eggList{
		top: 50%;
	}
	.havejihui{
		bottom:4rem;
	}
	.redBaoBox{
		top: 14%;
	}
	.prizeBox {
		padding-top: 7.3rem;
	}
}*/
